<template>
  <!-- 单div结构，固定定位占满父容器 -->
  <div 
    class="large-screen-container" 
    :style="glowEffect ? glowStyle : {}"
  >
  <slot></slot>
    
  </div>
</template>

<script setup>
import { defineProps } from 'vue';

// 仅保留光晕效果控制
const props = defineProps({
  glowEffect: {
    type: Boolean,
    default: true
  }
});

// 光晕效果样式
const glowStyle = {
  boxShadow: '0 0 15px rgba(12, 186, 255, 0.5)'
};
</script>

<style scoped>
.large-screen-container {
  /* 固定定位，相对于最近的非static定位父容器 */
  position: relative;
  flex: 1;
  /* 基础样式 */
  background-color: #0a0c10;
  border: 2px solid rgba(12, 186, 255, 0.3);
  border-radius: 8px;
  box-sizing: border-box;
  overflow: hidden;

}


</style>
    